<template>
  <div>
    <div class="guild-content">
        <div class="guild-search">
          <van-field v-model="value" placeholder="Search For a guild iD or guild name" />
        </div>
    </div>
    <van-button block type="primary" @click="toMiniprogram">跳转小程序</van-button>
  </div>
</template>
<script>
export default {
  layout: 'My guild',
  data() {
    return {
      value:''
    }
  },
  computed: {
   
  },
  created() {
    // document.title = '官方正品授权查询'
  },
  mounted() {
   
  },
  
  methods: {
    // 抖音挑战赛
    toActivity() {
      if(this.screenWidth > 768) {
        this.banner.jumpLink && window.open(this.banner.jumpLink)
        this.banner.jumpPcPicture && window.open(this.banner.jumpPcPicture)
      } else {
        this.banner.jumpLink && window.open(this.banner.jumpLink)
        this.banner.jumpAppPicture && window.open(this.banner.jumpAppPicture)
      }
    },
    // 从缓存中获取数据
  },
}
</script>

<style scoped lang="scss">
  .guild-content {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 3.3vw;
    .guild-search{
      width: 100%;
      height: 100px;
      border: 1px solid #e1e1e1;
      border-radius: 50px;
    }
  }
</style>
